<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Goxob</title>
    <meta name="keywords" content="Thiết kế website, website bán hàng, website thương mại điện tử, website công ty" />
    <meta name="description" content="Công ty chuyên tư vấn, thiết kế website, website bán hàng, website thương mại điện tử, website công ty chuyên nghiệp số 1 VN" />

    <link rel="shortcut icon" href="{{asset('images/bird.png')}}" />
    <link rel="stylesheet" href="{{asset('css/theme3/google-fonts.css')}}">
    <link rel="stylesheet" href="{{asset('css/theme3/theme3.min.css')}}">
    <link rel="stylesheet" href="{{asset('css/theme3/theme3.css')}}">
</head>
<body id="top" data-spy="scroll" data-target=".navbar" data-offset="50">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="navbar-container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <span class="sr-only">Toggle navigation</span>
                <i class="fa fa-bars"></i>
            </button>
            <a class="navbar-brand" href="#">Goxob</a>
        </div>
        <div id="nav-collapse" class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li class="active"><a title="Home page" class="scroll brand-1" href="#home">@lang('messages.Home')</a></li>
                <li class=""><a title="Check out our awesome services" href="#features" class=" scroll brand-4">@lang('messages.Features')</a></li>
                <li class=""><a title="Pricing" href="#pricing" class="scroll fadeto brand-4">@lang('messages.Pricing')</a></li>
                <li class=""><a title="Get in touch!" href="#contact" class="scroll brand-2">@lang('messages.Contact')</a></li>
            </ul>
        </div>
    </div><!-- /.navbar-container -->
</nav>

<!-- Home Page -->
<div id="home" class="page color-1">
    <div class="inner-page">
        <h2 class="page-headline">@lang('messages.Tell your projects awesome story')</h2>
    </div>
    <div class="row inner-page">
        <div class="col-md-7 col-md-push-5 lazy-container loaded">
            <img class="lazy" alt="Looks great on every device" src="images/home.png" data-original="images/home.png" style="display: block;">
        </div>
        <div class="col-md-5 col-md-pull-7">
            <ul class="big-list">
                <li><i class="fa fa-tablet"></i>@lang('messages.Responsive')</li>
                <li><i class="fa fa-cloud"></i>@lang('messages.Performance')</li>
                <li><i class="fa fa-cog"></i>@lang('messages.Customizable')</li>
                <li><i class="fa fa-check"></i>@lang('messages.Trusted')</li>
            </ul>
        </div>
    </div>
</div> <!-- /#home -->

@include('message')

<!-- Feature page-->
<div id="features" class="page color-4">
    <div class="inner-page">
        <h2 class="page-headline">@lang('messages.Why should you choose Goxob')?</h2>
    </div>

    <div class="inner-page row">
        <ul class="features list-inline">
            <li>
                <h3><i class="fa fa-tablet"></i> @lang('messages.For every device')</h3>
                <p>
                    @lang('messages.The UI is built based on') <strong>Bootstrap 3</strong>,
                    @lang('messages.to ensure the best experiences on every device').</p>
            </li>
            <li>
                <h3><i class="fa fa-cloud"></i> @lang('messages.Page speed')</h3>
                <p>@lang('messages.The source code is optimized to ensure fast loading time by good caching algorithms').</p>
            </li>
            <li>
                <h3><i class="fa fa-cog"></i> @lang('messages.Make it your own')</h3>
                <p>@lang('messages.Easily change website template, product properties, add or remove pages by using administrator panel').</p>
            </li>



            <li>
                <h3><i class="fa fa-check"></i> @lang('messages.Trusted')</h3>
                <p><strong>Goxob</strong> @lang('messages.is built on top of Laravel framework, giving your application well-tested and reliable components').</p>
            </li>
            <li>
                <h3><i class="fa fa-search"></i> @lang('messages.SEO')</h3>
                <p><strong>Goxob</strong> @lang('messages.was optimized with SEO technology, to ensure high google ranking for your website').</p>
            </li>
            <li>
                <h3><i class="fa fa-usd"></i> @lang('messages.Good Pricing')</h3>
                <p>@lang('messages.We are experts about e-commerce solutions, so you will get amazing development time with cheapest cost').</p>
            </li>
        </ul>
    </div>
</div> <!-- /#features -->

@include('theme3.price')

<div id="contact" class="page color-2">
    <div class="container">
        <div class="row inner-page">
            <div class="col-md-6 address">
                <ul>
                    <li>@lang('messages.C118 Nguyen Van Qua, District 12').</li>
                    <li>@lang('messages.Ho Chi Minh City, Viet Nam').</li>
                    <li class="phone">Phone: +84 090 272 7231</li>
                    <li> Email: <a href="mailto:contact@goxob.com">contact@goxob.com</a></li>
                    <li> Skype: goxob.support </li>
                    <li> Yahoo: goxob@yahoo.com </li>
                </ul>
            </div>

            <div class="col-md-6">
                <h3>@lang('messages.Contact us')</h3>
                @include('error')
                <?php echo Form::open(array('class' => '', 'url' => '/post-contact', 'id' => 'contact-form'))?>
                    <?php echo Form::textarea('content', null, array('class' => 'form-control required', 'placeholder' => trans('messages.Tell us a little about your project'), 'rows' => 5))?>
                    <?php echo Form::text('email', null, array('class' => 'form-control email required', 'placeholder' => 'your@e-mail.com'))?>
                    <?php echo Form::text('name', null, array('class' => 'form-control required', 'placeholder' => trans('messages.Name')))?>
<!--                    --><?php //echo Form::text('captcha', null, array('class' => 'form-control required', 'placeholder' => 'Captcha'))?>
<!--                    --><?php //echo HTML::image(Captcha::img(), 'Captcha image');?>
                    <button class="btn btn-primary btn-centered">@lang('messages.Submit')</button>
                <?php echo Form::close();?>
            </div>
        </div>
    </div>
</div>

<footer class="page color-5">
    <div class="inner-page row">
        <div class="col-md-6 copyright">
            © Copyright 2014 Goxob.com, All rights reserved.
        </div>
        <div class="col-md-6 text-right language">
            <span>@lang('messages.Language'):</span>
            <select onchange="location = this.value;">
                <option value="{{url('/en')}}" {{$locale=='en'?'selected="selected"':''}}>@lang('messages.English')</option>
                <option value="{{url('/vi')}}" {{$locale=='vi'?'selected="selected"':''}}>@lang('messages.Vietnam')</option>
            </select>
        </div>
<!--        <div class="col-md-6 social text-right">-->
<!--            <a href="#contact"><i class="fa fa-twitter"></i></a>-->
<!--            <a href="#contact"><i class="fa fa-github-square"></i></a>-->
<!--            <a href="#contact"><i class="fa fa-facebook-square"></i></a>-->
<!--            <a href="#contact"><i class="fa fa-google-plus-square"></i></a>-->
<!--        </div>-->
    </div>
</footer>

<script src="{{asset('js/jquery.min.js')}}"></script>
<script src="{{asset('js/bootstrap.min.js')}}"></script>
<script src="{{asset('js/jquery.validate.min.js')}}"></script>
<script>
    $(document).ready(function(){
        $('#contact-form').validate();

        if($('#message-model')){
            $('#message-model').modal();
        }
    });
</script>
</body>
</html>
